canvas {
    border: 0px solid #000000;
    background-color: #000000;
}

.hide-canvas {
    display: none;
}

.container.canvasbox {
    padding-right: 0px;
    margin-bottom: 0px;
}

.canvasvideo {
    position: relative;
    z-index: -1;
}

.canvasdraw {
    position: absolute;
    top: 0;
    z-index: 2;
    background-color: transparent;
}

.big-play-btn-area {
    position: absolute;
    top: 0;
    z-index: 3;
    background-color: transparent;
    top: 0px;
    text-align: center;
}

.big-play-btn-area .big-play-btn {
    margin-top: 20%;
    width: 122px;
    height: 122px;
    background: url('/assets/images/icon_play_l_01.png');
    background-size: 122px 122px;
}

.big-play-btn-area .big-play-btn:hover {
    background: url('/assets/images/icon_play_l_02.png');
}

.video-js {
    position: relative;
    z-index: 1;
    height: inherit;
    width: inherit;
    margin: 0px;
    padding: 0px;
    top: 0px;
    // left: 0px;
}

.videoEdge {
    margin: 0px;
    padding: 0px;
}

.container.canvasbox {
    padding-left: 0px;
}

.player-control-menu {
    display: none;
    background-color: rgba(43, 51, 63, 0.3);
    position: relative;
    top: 0px;
    margin-top: 0px;
    width: 100%;
    height: 30px;
    text-align: center;
}

.player-control-menu .center-btn .player-btn {
    margin: 0px;
    width: 40px;
    height:30px;
    margin-right: 5px;
}

.player-control-menu .center-btn .stop-btn {
    background: url('/assets/images/play_icon_b_01.png') no-repeat;
    background-size: 30px 30px;
}

.player-control-menu .center-btn .stop-btn:hover {
    background: url('/assets/images/play_icon_b_02.png')  no-repeat;
    background-size: 30px 30px;
}

.player-control-menu .center-btn .back-btn {
    background: url('/assets/images/play_icon_c_01.png')  no-repeat;
    background-size: 30px 30px;
}

.player-control-menu .center-btn .back-btn:hover {
    background: url('/assets/images/play_icon_c_02.png')  no-repeat;
    background-size: 30px 30px;
}

.player-control-menu .center-btn .play-btn {
    margin-top: 1px;
    background: url('/assets/images/play_icon_d_01.png')  no-repeat;
    background-size: 30px 28px;
}

.player-control-menu .center-btn .play-btn:hover {
    margin-top: 1px;
    background: url('/assets/images/play_icon_d_02.png') no-repeat;
    background-size: 30px 28px;
}

.player-control-menu .center-btn .pause-btn {
    margin-top: 1px;
    background: url('/assets/images/play_icon_a_01.png')  no-repeat;
    background-size: 30px 28px;
}

.player-control-menu .center-btn .pause-btn:hover {
    margin-top: 1px;
    background: url('/assets/images/play_icon_a_02.png') no-repeat;
    background-size: 30px 28px;
}

.player-control-menu .center-btn .front-btn {
    background: url('/assets/images/play_icon_e_01.png') no-repeat;
    background-size: 30px 30px;
}

.player-control-menu .center-btn .front-btn:hover {
    background: url('/assets/images/play_icon_e_02.png') no-repeat;
    background-size: 30px 30px;
}

.player-control-menu .center-btn .next-btn {
    background: url('/assets/images/play_icon_f_01.png') no-repeat;
    background-size: 30px 30px;
}

.player-control-menu .center-btn .next-btn:hover {
    background: url('/assets/images/play_icon_f_02.png') no-repeat;
    background-size: 30px 30px;
}

.player-control-menu .right-btn {
    position: absolute;
    width: 160px;
    height: 30px;
    right: 0px;
    top: 0px;
    background-color: transparent;
}

.player-control-menu .right-btn .player-btn {
    position: relative;
    top: 5px;
    width: 40px;
    height: 25px;
    margin: 0px;
}


.player-control-menu .right-btn .enlarge-btn {
    background: url('/assets/images/yt_icon_k_01.png') no-repeat;
    background-size: 20px 20px;
}

.player-control-menu .right-btn .enlarge-btn:hover {
    background: url('/assets/images/yt_icon_k_02.png') no-repeat;
    background-size: 20px 20px;
}

.player-control-menu .right-btn .enlarging-btn {
    background: url('/assets/images/yt_icon_k_02.png') no-repeat;
    background-size: 20px 20px;
}

.player-control-menu .right-btn .screenshot-btn {
    background: url('/assets/images/left_icon_e_01.png') no-repeat;
    background-size: 20px 20px;
}

.player-control-menu .right-btn .screenshot-btn:hover {
    background: url('/assets/images/left_icon_e_02.png') no-repeat;
    background-size: 20px 20px;
}

.player-control-menu .right-btn .snap-btn {
    background: url('/assets/images/left_icon_j_01.png') no-repeat;
    background-size: 20px 20px;
}

.player-control-menu .right-btn .snap-btn:hover {
    background: url('/assets/images/left_icon_j_02.png') no-repeat;
    background-size: 20px 20px;
}

.player-control-menu .right-btn .start-record-btn {
    background: url('/assets/images/left_icon_c_01.png') no-repeat;
    background-size: 20px 20px;
}

.player-control-menu .right-btn .start-record-btn:hover {
    background: url('/assets/images/left_icon_c_02.png') no-repeat;
    background-size: 20px 20px;
}

.player-control-menu .right-btn .recording-btn {
    background: url('/assets/images/left_icon_c_02.png') no-repeat;
    background-size: 20px 20px;
}

// .player-control-menu .right-btn .recording-btn:hover {
//     background: url('/assets/images/left_icon_c_01.png') no-repeat;
//     background-size: 20px 20px;
// }

.player-control-menu .right-btn .stream-selector {
    // display: none;
    width: 40px;
    height: 30px;
    background-color: transparent;
    border: none;
    color: #353a40;
}

.player-control-menu .left-btn {
    position: absolute;
    width: 200px;
    height: 30px;
    left: 3px;
    top: 0px;
    background-color: transparent;
}

.player-control-menu .txt-btn {
    border: none;
    color:#e4e7ec;
    font-weight: bold;
    text-shadow:2px 2px 4px #000;
    margin: 0px;
    width: 50px;
    height: 25px;
    margin-top: 3px;
    margin-right: 5px;
    margin-bottom: 3px;
}

.player-control-menu .txt-btn:hover {
    color: rgba(255, 251, 0, 1);
}

.player-control-menu .txt-btn-selected {
    color:#353a40;
    text-shadow: 2px 2px 3px #fff;
    // text-shadow: 3px 3px 2px white, -3px -3px 2px black;
    // text-shadow:0px 0px 8px rgb(255, 251, 0, 1);
}

.player-control-menu .txt-btn-selected:hover {
    color:rgba(255, 251, 0, 1);
}

.player-control-menu .left-btn .player-btn {
    margin: 0px;
    width: 40px;
    height:30px;
    margin-top: 3px;
    margin-right: 5px;
}

.player-control-menu .left-btn .mute-btn {
    background: url('/assets/images/play_icon_h_01.png') no-repeat;
    background-size: 24px 24px;
}

.player-control-menu .left-btn .mute-btn:hover {
    background: url('/assets/images/play_icon_h_02.png') no-repeat;
    background-size: 24px 24px;
}

.player-control-menu .left-btn .sound-btn {
    background: url('/assets/images/play_icon_i_01.png') no-repeat;
    background-size: 24px 24px;
}

.player-control-menu .left-btn .sound-btn:hover {
    background: url('/assets/images/play_icon_i_02.png') no-repeat;
    background-size: 24px 24px;
}
